﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="insurance_orderform.aspx.cs"
    Inherits="insurance_orderform" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>曼福旅游保险</title>
    <link rel="canonical" href="http://www.mapfre-assistance.com.cn" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="travel insurance, holiday insurance, annual travel insurance, ski insurance, backpackers insurance, annual, cheap, uk, insurance, insureandgo, InsureandGo," />
    <meta name="description" content="Buy cheap travel insurance from InsureandGo, the UK's largest direct travel insurer. Wide range of policies available. Prices from under &pound;6. Kids go free." />
    <meta name="robots" content="noodp" />
    <meta name="google-site-verification" content="_p3NAz7IjML6o1UMAukUDLvJ-q3yRO-14nTqkjd0dDI" />
    <meta name="WT.pi" content="index.aspx" />
    <link rel="shortcut icon" href="favicon.ico" />
    <!-- Style Sheets -->
    <link href="_common/styles/base.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="_common/styles/template.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="_common/styles/compare.css" rel="stylesheet" type="text/css" />
    <link href="_common/styles/calendar.css" rel="stylesheet" type="text/css" media="screen" />
    <!--[if lte IE 6]>
        <link rel="stylesheet" type="text/css" href="_common/styles/ie-styles.css" media="screen" />
    <![endif]-->
    <!-- Javascript Libraries -->
    <!--[if lt IE 7]>
    <script defer="defer" type="text/javascript" src="_common/scripts/pngfix.js"></script>
    <![endif]-->
    <!-- ANALYTICS END -->
    <script src="_common/scripts/jquery/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script language="javascript" src="_common/datepicker/wdatepicker.js" type="text/javascript"></script>
    <script language="javascript" src="_common/scripts/jquery_json.js" type="text/javascript"></script>
    <script language="javascript" src="_common/scripts/jquery_stringutil.js" type="text/javascript"></script>
    <script language="javascript" src="_common/scripts/interface.js" type="text/javascript"></script>
    <script type="text/javascript" src="_common/scripts/jquery_regform_validator.js"></script>
    <script src="_common/scripts/jq_insurance_order_utility.js" type="text/javascript"></script>
    <script src="_common/scripts/utility_select.js" type="text/javascript"></script>
    <script src="_common/scripts/Util.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            validator.setup("#form1");
            LoadDDLListByObjectIdAndCode("selProductList", "getinsuranceproductlistbyareacode", $("#txtAreaCode").val());
            LoadEnumItemsDDL("ddPolicyType", "CJType");

            LoadEnumItemsDDLBYGroupCode("selDestinationList", "DestCountryName", $("#txtAreaCode").val());

            LoadEnumItemsDDL("selTIDType", "IDType");

            if (!$("#selProductList").IsNull()) {
                GetProductItems();
                $("#txtProductName").val($("#selProductList").children(":selected").text());
            }
            $("#selProductList").change(function () {
                GetProductItems();
                $("#txtProductName").val($(this).children(":selected").text());
            });

            $("#selProductItems").change(function () {
                $("#txtPrice").val($(this).children(":selected").attr("price"));
                $("#txtProductItemId").val($("#selProductItems").val());
                $("#txtProductItemName").val($(this).children(":selected").text());
                if (!$("#txtStartDate").IsNull()) {
                    BuildEnddate();
                }
            });
            InitValuesFromIndex();
            if ($("#ddlNoOfTravellers").val() != "1") {
                BuildPolicyholdersList($("#ddlNoOfTravellers").val());
                $("#txtNoOfTravellers").val($("#ddlNoOfTravellers").val());
                for (var i = 0; i < Number($("#ddlNoOfTravellers").val()); i++) {
                    $("#txtAge" + String(i + 1)).val($("#txtTravellerAge").val().split(",")[i]);
                }
            }
            else {
                Select.copy("selTIDType", "selIDType1", "");
            }

            if ($("#txtAreaCode").val() == "1") {
                $("#divProductNotes").show();
            }


            $("#rdoSalesTypeCode_1").click(function () {
                if ($("#rdoInvoice_0").attr("checked")) {
                    $("[taggroup=express]").each(function () {
                        $(this).hide();
                    });
                    $("#txtInvoiceFee").val("0.00");
                }
            });

            $("#rdoSalesTypeCode_2").click(function () {
                if ($("#rdoInvoice_0").attr("checked")) {
                    $("[taggroup=express]").each(function () {
                        $(this).show();
                    });
                    $("#txtInvoiceFee").val("10.00");
                    $("#selExpressType").val("申通快递");
                }
            });

            $("#rdoInvoice_0").click(function () {
                if ($("#rdoSalesTypeCode_1").attr("checked")) {
                    $("[taggroup=express]").each(function () {
                        $(this).hide();
                    });
                    $("#txtInvoiceFee").val("0.00");
                }

                $("#divInvoiceTitle").hide();
                $("#txtInvoiceTitle").val("");
            });

            $("#rdoInvoice_1").click(function () {
                if ($("#rdoSalesTypeCode_1").attr("checked")) {
                    $("[taggroup=express]").each(function () {
                        $(this).show();
                    });
                    $("#txtInvoiceFee").val("10.00");
                    $("#selExpressType").val("申通快递");
                }
                $("#divInvoiceTitle").show();
            });
        })
        function InitValuesFromIndex() {
            $("#selProductList").val($("#txtProductId_pams").val());
            if ($("#selProductList").val() != "") {
                GetProductItems();
                $("#txtProductName").val($("#selProductList").children(":selected").text());
            }

            $("#txtStartDate").val($("#txtCoverStartDate").val());
            if ($("#selProductList").val() != "") {
                $("#txtProductItemName").val($("#selProductItems").children(":selected").text());
                $("#txtPrice").val($("#selProductItems").children(":selected").attr("price"));
                $("#txtProductItemId").val($("#selProductItems").val()); 
                if (!$("#txtStartDate").IsNull()) {
                    BuildEnddate();
                }
            }

            $("#ddPolicyType").val($("#txtPolicyType").val());
            $("#selDestinationList").val($("#txtDestination").val()); 
            $("#ddlNoOfTravellers").val($("#txtNoOfTravellers_pams").val());
        }
        function BuildPolicyholdersList(newnum) {
            var _num = Number($("#txtNoOfTravellers").val());
            var _html = "";  
            if (newnum > _num) {
                for (var i = _num + 1; i <= newnum; i++) {
                    if ($("#divPolicyholders" + String(i)).IsNull()) {
                        _html = document.getElementById("divTemplList").innerHTML.toString();
                        $("#divPolicyholders" + String(i - 1)).after(strReplace(strReplace(_html, "◎", String(i), false), "$_val$", "isvalidator", false)); 
                    }
                }
                for (var i = _num; i <= newnum; i++) {
                    if ($("#divPolicyholders" + String(i)).IsNull()) {
                        Select.copy("selTIDType", "selIDType" + String(i), "");
                    }
                }
            }
            else if (newnum < _num) {
                for (var i = _num; i > newnum; i--) {
                    $("#divPolicyholders" + String(i)).remove();
                }
            }
        }
        function onNoOfTravellersChanged() {
            var _num = $("#ddlNoOfTravellers").val();
            BuildPolicyholdersList(Number(_num));
            $("#txtNoOfTravellers").val(_num);
        }
        function strReplace(str, oldSub, newSub, ignoreCase) {
            var i = ignoreCase ? str.toLowerCase().indexOf(oldSub.toLowerCase()) : str.indexOf(oldSub);
            var result = "";
            while (i >= 0) {
                result += str.substr(0, i);
                result += newSub;
                str = str.substr(i + oldSub.length);
                i = ignoreCase ? str.toLowerCase().indexOf(oldSub.toLowerCase()) :
                str.indexOf(oldSub);
            }
            result += str;
            return result;
        } 
        function GetProductItems() {
            $.ajax({
                async: false,
                type: "POST",
                url: prependOrgName("/insurance_orderutility.aspx"),
                data: {
                    otype: "getproductitems",
                    productid: $("#selProductList").val()
                },
                beforSend: function () {
                    $("#selProductItems").emptySelect();
                    $("#txtProductItemId").val('');
                },
                success: function (data, textStatus) {
                    if (data != "") {
                        $("#selProductItems").html(data);
                        $("#txtPrice").val($("#selProductItems").children(":selected").attr("price"));
                        $("#txtProductItemName").val($("#selProductItems").children(":selected").text());
                        $("#txtProductItemId").val($("#selProductItems").val());
                        $("#txtStartDate").removeAttr("disabled");
                        if (!$("#txtStartDate").IsNull()) {
                            BuildEnddate();
                        }
                    } else {
                        $("#selProductItems").html(data);
                        $("#txtStartDate").attr("disabled", true).val('');
                        $("#txtEndDate").val('');
                        $("#txtPrice").val('');
                    }
                }
            });
        }
        function BuildEnddate() {
            $.ajax({
                async: false,
                type: "POST",
                url: prependOrgName("/insurance_orderutility.aspx"),
                data: {
                    otype: "build_enddate",
                    effectdate: $("#txtStartDate").val(),
                    productitemid: $("#selProductItems").val()
                },
                success: function (data, textStatus) {
                    if (data.split("|")[0] == "succeeded") {
                        $("#txtEndDate").val(data.split("|")[1]);
                    }
                    else {
                        $("#txtStartDate").showValidator(data, "../images/");
                    }
                }
            });
        }
        function IDNoBlur(_obj, _rowno, _type) {
            if (_type == "t") {
                CardUtils_GetBirthday($("#" + _obj.id).val(), "txtTBirthday");

                $("#selTSex").val(CardUtils_GetSex($("#" + _obj.id).val()));
            }
            else {
                CardUtils_GetBirthday($("#" + _obj.id).val(), "txtBirthday" + _rowno);

                $("#selSex" + _rowno).val(CardUtils_GetSex($("#" + _obj.id).val()));
            }
        }
        function GetAge(_obj, _rowno, _type) {
            $.ajax({
                async: false,
                type: "POST",
                url: prependOrgName("/insurance_orderutility.aspx"),
                data: {
                    otype: "get_age",
                    date: $("#" + _obj.id).val()
                },
                success: function (data, textStatus) {
                    if (data != "ok") {
                        $("#" + _obj.id).hidenValidator();
                        if (_type == "t")
                            $("#txtTAge").val(data);
                        else {
                            $("#txtAge" + _rowno).val(data);
                        }
                    }
                    else {
                        $("#" + _obj.id).showValidator(data);
                    }
                }
            });
        }
        function ValidateSubmit() { 
            var bl = validator.validatorAll();
            if (bl) {
                $.ajax({
                    async: false,
                    type: "POST",
                    url: prependOrgName("/insurance_orderutility.aspx"),
                    data: {
                        otype: "val_effect_date",
                        effectdate: $("#txtStartDate").val()
                    },
                    success: function (data, textStatus) {
                        if (data != "succeeded") {
                            bl = false;
                            $("#txtStartDate").showValidator(data);
                        }
                        else {
                            bl = true;
                        }
                    }
                });
            }

            return bl;
        }
        function onExpressTypeChanged() {
            if ($("#selExpressType").val() == "申通快递") {
                $("#txtInvoiceFee").val("10.00"); 
                $("#spanExpressType").html("* 2-3个工作日到达");
            }
            else {
                $("#txtInvoiceFee").val("20.00"); 
                $("#spanExpressType").html("* 次日下午到，港澳台除外");
            }
        }
    </script>
</head>
<body>
    <input type="hidden" id="txtPolicyType" name="txtPolicyType" runat="server" />
    <input type="hidden" id="txtDestination" name="txtDestination" runat="server" />
    <input type="hidden" id="txtCoverStartDate" name="txtCoverStartDate" runat="server" />
    <input type="hidden" id="txtCoverEndDate" name="txtCoverEndDate" runat="server" />
    <input type="hidden" id="txtProductId_pams" name="txtProductId_pams" runat="server" />
    <input type="hidden" id="txtNoOfTravellers_pams" name="txtNoOfTravellers_pams" runat="server" />
    <input type="hidden" id="txtTravellerAge" name="txtTravellerAge" runat="server" />

    <div id="divTemplList" style="display: none;">
        <div id="divPolicyholders◎">
            <div class="additional_travellers_start_column">
                <span class="quote_subheading">◎)</span>
            </div>
            <div class="additional_travellers_next_column_100">
                <input name="txtName" type="text" maxlength="50" id="txtName◎" required="required"
                    $_val$ style="width: 80px;" />
            </div>
            <div class="additional_travellers_next_column_100">
                <input name="txtNameEn" type="text" maxlength="50" id="txtNameEn◎" required="required"
                    $_val$ style="width: 80px;" />
            </div>
            <div class="additional_travellers_next_column_100">
                <select id="selIDType◎" name="selIDType" required="required" $_val$ style="width: 80px;">
                    <option value="">-- 请选择 --</option>
                </select>
            </div>
            <div class="additional_travellers_next_column_150">
                <input name="txtIDNo" id="txtIDNo◎" type="text" onblur="IDNoBlur(this, '◎', 'i');"
                    maxlength="18" required="required" $_val$ style="width: 130px;" />
            </div>
            <div class="additional_travellers_next_column_80">
                <select name="selSex" id="selSex◎" style="width: 60px;">
                    <option value="0">男</option>
                    <option value="1">女</option>
                </select>
            </div>
            <div class="additional_travellers_next_column_100">
                <input name="txtBirthday" type="text" id="txtBirthday◎" onblur="GetAge(this, '◎', 'i');"
                    required="required" $_val$ datatype="date" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'});"
                    readonly style="width: 80px;">
            </div>
            <div class="additional_travellers_next_column_60">
                <input name="txtAge" type="text" maxlength="3" id="txtAge◎" required="required" $_val$
                    datatype="number" style="width: 40px;">
            </div>
            <div class="clearBoth">
            </div>
        </div>
    </div>
    <div id="bodyWrapper">
        <div class="bodyWrapper">
            <div class="contentWrapper">
                <div class="bannerWrapper">
                    <ul class="topMenu">
                        <li><a href="###">首页</a></li>
                        <li><a href="###">FAQs</a></li>
                        <li><a href="###">投诉</a></li>
                        <li><a href="###">关于我们</a></li>
                        <li><a href="###">联系我们</a></li>
                        <li style="padding-right: 0px;"><a href="###">站点地图</a></li>
                    </ul>
                    <a href="index.aspx" id="mapfre_logo">&nbsp;</a>
                    <div id="slogan">
                        <h1>
                            旅游保险</h1>
                    </div>
                    <div id="phonenumber">
                        400-820-8659</div>
                    <div class="clear">
                    </div>
                </div>
                <!-- Top Navigation -->
                &nbsp; &nbsp;
                <div class="clearBoth">
                </div>
                <div class="subOptionsWrapperSmall2" id="compareadjustment">
                    <div class="subButtonsWrapperSmall">
                        <div class="subButtonsInnerWrapperSmall setPaddingBannerContent"> 
                            <!-- Sub Menu items for pages that require quick access to sub-products -->
                            <ul class="progressIndicatorWrapper">
                                <li class="setProgressText" style="_margin: 20px 0px 0px 20px;">Quote<br />
                                    Process </li>
                                <li style="_margin: 20px 0px 0px -80px;">
                                    <img id="_ctl0__ctl0_cphTopNavigation_cphTopNavigation_iagProgressTopBar_TopNavImage1"
                                        src="_imgs/step01_light.png" alt="Step 01 - Trip details" border="0" />
                                </li>
                                <li style="_margin: 20px 0px 0px -50px;">
                                    <img id="_ctl0__ctl0_cphTopNavigation_cphTopNavigation_iagProgressTopBar_TopNavImage2"
                                        src="_imgs/step02.png" alt="Step 02 - Choose cover" border="0" />
                                </li>
                                <li style="_margin: 20px 0px 0px -50px;">
                                    <img id="_ctl0__ctl0_cphTopNavigation_cphTopNavigation_iagProgressTopBar_TopNavImage3"
                                        src="_imgs/step03_light.png" alt="Step 03 - Tailor your policy" border="0" />
                                </li>
                                <li style="_margin: 20px 0px 0px -50px;">
                                    <img id="_ctl0__ctl0_cphTopNavigation_cphTopNavigation_iagProgressTopBar_TopNavImage4"
                                        src="_imgs/step04_light.png" alt="Step 04 - Personal Details" border="0" />
                                </li>
                                <li style="_margin: 20px 0px 0px -50px;">
                                    <img id="_ctl0__ctl0_cphTopNavigation_cphTopNavigation_iagProgressTopBar_TopNavImage5"
                                        src="_imgs/step05_light.png" alt="Step 05 - Summary &amp; Payment" border="0" />
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="contentInnerWrapper">
                    <!-- Body Content -->
                    <form id="form1" name="form1" method="post" action="insurance_orderconfirm.aspx">
                    <input type="hidden" id="txtAreaCode" name="txtAreaCode" value="0" runat="server" />
                    <input type="hidden" name="___EVENTTARGET" id="___EVENTTARGET" value="" />
                    <script type="text/javascript">
                        <!--
                        function ___doPostBack(eventTarget) {
                            var theForm = document.forms["form1"];
                            if (!theForm) {
                                theForm = document.form1;
                            }
                            if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
                                theForm.___EVENTTARGET.value = eventTarget;
                                theForm.submit();
                            }
                        }
                        // -->
                    </script>
                    <input type="hidden" id="txtProductItemId" name="txtProductItemId" />
                    <input type="hidden" id="txtProductName" name="txtProductName" />
                    <input type="hidden" id="txtProductItemName" name="txtProductItemName" />
                    <input id="txtPassCountryCode" name="txtPassCountryCode" type="hidden" />
                    <input id="txtDestCountryCode" name="txtDestCountryCode" type="hidden" />
                    <input id="txtIDType" name="txtIDType" type="hidden" />
                    <div id="borderedContainer">
                        <div class="leftCol">
                            <div class="form_width">
                                <div class="errorpaneltop" style="display: none; margin: 0px auto; float: none;" id="divErrorMsg"
                                    runat="server">
                                    <div class="errorpanelbottom">
                                        <div class="errorcontent">
                                            <h3 class="error">
                                                错误提示</h3>
                                            <ul>
                                                {0}</ul>
                                        </div>
                                    </div>
                                </div>
                                <!--Begin: Begin cover dates control-->
                                <div class="fieldsetTop">
                                </div>
                                <div class="fieldsetMidd">
                                    <div id="destinationForm">
                                        <p class="form_titles">
                                            旅行信息</p>
                                        <div class="form_row">
                                            <label for="ddPolicyType" class="form_headings">
                                                <span style="color: Red;">*</span> <span class="quote_subheading">旅游类型：</span>
                                            </label>
                                            <span class="form_info">
                                                <select name="ddPolicyType" id="ddPolicyType" style="width: 200px;" validatormsg="spanPolicyType"
                                                    required="required" controlname="旅游类型" isvalidator>
                                                </select>
                                            </span><span class="alertPanel" id="spanPolicyType"></span>
                                        </div>
                                        <div class="form_row">
                                            <label for="selDestinationList" class="form_headings">
                                                <span style="color: Red;">*</span> <span class="quote_subheading">目的地：</span>
                                            </label>
                                            <span class="form_info">
                                                <select name="selDestinationList" id="selDestinationList" style="width: 200px;" validatormsg="spanDestinationList"
                                                    required="required" controlname="目的地" isvalidator>
                                                </select>
                                            </span></span><span class="alertPanel" id="spanDestinationList"></span>
                                        </div>
                                        <div style="height: auto; float: left; width: 395px; clear: left;">
                                        <div class="form_row">
                                            <label for="selProductList" class="form_headings">
                                                <span style="color: Red;">*</span> <span class="quote_subheading">保险款式：</span>
                                            </label>
                                            <span class="form_info">
                                                <select name="selProductList" id="selProductList" style="width: 200px;">
                                                </select>
                                            </span>
                                        </div>
                                        <div class="form_row">
                                            <label for="selProductItems" class="form_headings">
                                                <span style="color: Red;">*</span> <span class="quote_subheading">保障天数：</span>
                                            </label>
                                            <span class="form_info">
                                                <select name="selProductItems" id="selProductItems" style="width: 100px;" validatormsg="spanProductItems"
                                                    required="required" controlname="保险款式" isvalidator>
                                                    <option value="">-- 请选择 --</option>
                                                </select>
                                            </span><span class="alertPanel" id="spanProductItems"></span>
                                         </div>
                                        <div class="form_row">
                                            <label for="txtPrice" class="form_headings">
                                                <span style="color: Red;">*</span> <span class="quote_subheading">价格：</span>
                                            </label>
                                            <span class="form_info">
                                                <input id="txtPrice" name="txtPrice" type="text" value="0.00" style="width: 120px;"
                                                    readonly required="required" isvalidator datatype="number" /></span><span style="font-size: 12px;
                                                        display: block; float: left; line-height: 22px; margin-left: 5px;">(元)</span>
                                        </div>
                                        <div class="form_row">
                                            <label for="txtStartDate" class="form_headings">
                                                <span style="color: Red;">*</span> <span class="quote_subheading">开始时间：</span>
                                            </label>
                                            <span class="form_info">
                                                <input id="txtStartDate" name="txtStartDate" type="text" style="width: 120px;" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'});"
                                                    onchange="BuildEnddate();" validatormsg="spanStartDate" required="required" controlname="开始时间"
                                                    isvalidator readonly />
                                            </span><span class="alertPanel" id="spanStartDate"></span>
                                        </div>
                                        <div class="form_row">
                                            <label for="txtEndDate" class="form_headings">
                                                <span style="color: Red;">*</span> <span class="quote_subheading">结束时间：</span>
                                            </label>
                                            <span class="form_info">
                                                <input id="txtEndDate" name="txtEndDate" type="text" validatormsg="spanEndDate" required="required"
                                                    controlname="结束时间" isvalidator style="width: 120px;" readonly />
                                            </span><span class="alertPanel" id="spanEndDate"></span>
                                        </div>
                                        </div>
                                        <div id="divProductNotes" style="padding: 5px 3px 5px 5px; float: left; background-color: rgb(242, 242, 242); display: none;
                                            height: auto; margin-bottom: 5px; margin-left: 5px;"> 
                                            <div style="float: left; width: 280px;">
                                                <p style="font-weight: bold;">
                                                    特别提示
                                                </p>
                                                <p style="line-height: 22px;">
                                                    * 上海意大利签证: 须比实际行程往后延长5天<br />
                                                    * 北京意大利签证: 须自入境意大利之日起买满30天<br />
                                                    * 广州意大利签证: 须在实际行程天数前后各加2天<br />
                                                    * 上海德国签证: 目前有特殊要求出单前请联系客服<br />
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="clearBoth">
                                    </div>
                                </div>
                                <div class="fieldsetBtm">
                                </div>
                                <div class="fieldsetTop">
                                </div>
                                <div class="fieldsetMidd">
                                    <div style="height: 75px; float: left; margin: 0 0 5px 0;">
                                        <div style="height: 75px; float: left; width: 295px;">
                                            <div class="form_row">
                                                <label class="form_headings">
                                                    <span style="color: Red;">*</span> <span class="quote_subheading">
                                                        <label for="txtPhone">
                                                            手机号码：</label></span>
                                                </label>
                                                <span style="display: block; float: left; height: 25px; margin: 0; width: 145px;">
                                                    <input name="txtPhone" type="text" id="txtPhone" validatormsg="spanPhone" required="required"
                                                        controlname="手机号码" isvalidator />
                                                </span>
                                                <div style="width: 285px; height: 10px;">
                                                    <span style="float: right; margin-top: 0px;"><span class="alertPanel" id="spanPhone">
                                                    </span></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div style="padding: 3px 3px 0px 5px; float: left; background-color: rgb(242, 242, 242);
                                            height: 72px; margin-bottom: 5px; margin-left: 5px;">
                                            <img src="_imgs/phone_option.jpg" style="float: left; padding-right: 5px; margin: -3px 0px 0px -5px">
                                            <div style="float: left; width: 290px;">
                                                <p style="font-weight: bold;">
                                                    保单信息及处理进度实时反馈
                                                </p>
                                                <p>
                                                    输入您的手机号码，我们将保单的处理进度实时发送短信至您的手机。</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form_row">
                                        <label class="form_headings">
                                            <span class="quote_subheading"><span style="color: Red;">*</span>
                                                <label for="txtEmail">
                                                    Email：</label></span>
                                        </label>
                                        <span class="form_info">
                                            <input name="txtEmail" type="text" id="txtEmail" datatype="email" validatormsg="spanEmail"
                                                required="required" controlname="Email" isvalidator />
                                            <span style="color: #666; font-size: 12px; width: 285px; height: 10px;">我们将用邮件通知您的保单处理进度</span>
                                        </span><span class="alertPanel" id="spanEmail"></span>
                                    </div>
                                    <div class="clearBoth">
                                    </div>
                                </div>
                                <div class="fieldsetBtm">
                                </div>
                                <div class="fieldsetTop" style="display: none;">
                                </div>
                                <div class="fieldsetMidd" style="display: none;">
                                    <p class="form_titles">
                                        投保人信息</p>
                                    <div class="clearBoth">
                                    </div>
                                    <div>
                                        <div class="additional_travellers_start_column">
                                            &nbsp;</div>
                                        <div class="additional_travellers_next_column_100">
                                            <span class="quote_subheading">姓名（中文）</span></div>
                                        <div class="additional_travellers_next_column_100">
                                            <span class="quote_subheading">姓名（英文）</span></div>
                                        <div class="additional_travellers_next_column_100">
                                            <span class="quote_subheading">证件类型</span></div>
                                        <div class="additional_travellers_next_column_150">
                                            <span class="quote_subheading">证件号码</span></div>
                                        <div class="additional_travellers_next_column_80">
                                            <span class="quote_subheading">性别</span></div>
                                        <div class="additional_travellers_next_column_100">
                                            <span class="quote_subheading">出生日期</span></div>
                                        <div class="additional_travellers_next_column_60">
                                            <span class="quote_subheading">年龄</span></div>
                                    </div>
                                    <div class="clearBoth">
                                    </div>
                                    <div>
                                        <div class="additional_travellers_start_column">
                                            <span class="quote_subheading">&nbsp;</span>
                                        </div>
                                        <div class="additional_travellers_next_column_100">
                                            <input name="txtTName" type="text" maxlength="50" id="txtTName" style="width: 80px;" />
                                        </div>
                                        <div class="additional_travellers_next_column_100">
                                            <input name="txtTNameEn" type="text" maxlength="50" id="txtTNameEn" style="width: 80px;" />
                                        </div>
                                        <div class="additional_travellers_next_column_100">
                                            <select id="selTIDType" name="selTIDType" style="width: 80px;">
                                                <option value="">-- 请选择 --</option>
                                            </select>
                                        </div>
                                        <div class="additional_travellers_next_column_150">
                                            <input name="txtTIDNo" type="text" id="txtTIDNo" style="width: 130px;" />
                                        </div>
                                        <div class="additional_travellers_next_column_80">
                                            <select name="selTSex" id="selTSex" style="width: 60px;">
                                                <option value="0">男</option>
                                                <option value="1">女</option>
                                            </select>
                                        </div>
                                        <div class="additional_travellers_next_column_100">
                                            <input name="txtTBirthday" type="text" id="txtTBirthday" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'});" readonly style="width: 80px;" />
                                        </div>
                                        <div class="additional_travellers_next_column_60">
                                            <input name="txtTAge" type="text" maxlength="3" id="txtTAge" style="width: 40px;" />
                                        </div>
                                    </div>
                                    <div class="clearBoth">
                                    </div>
                                </div>
                                <div class="fieldsetBtm" style="display: none;">
                                </div>
                                <div class="fieldsetTop">
                                </div>
                                <div class="fieldsetMidd">
                                    <p class="form_titles" style="width: auto; float: left;">
                                        被保人信息</p>
                                    <p style="width: auto; float: left; margin-left: 20px;">
                                        <span>人数:</span>
                                        <select id="ddlNoOfTravellers" name="ddlNoOfTravellers" onchange="onNoOfTravellersChanged();"
                                            style="width: 50px;">
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                            <option value="5">5</option>
                                            <option value="6">6</option>
                                            <option value="7">7</option>
                                            <option value="8">8</option>
                                            <option value="9">9</option>
                                            <option value="10">10</option>
                                        </select>
                                        <input type="hidden" id="txtNoOfTravellers" name="txtNoOfTravellers" value="1" />
                                    </p>
                                    <div class="clearBoth">
                                    </div>
                                    <div class="additional_travellers_start_column">
                                        &nbsp;</div>
                                    <div class="additional_travellers_next_column_100">
                                        <span class="quote_subheading">姓名（中文）</span></div>
                                    <div class="additional_travellers_next_column_100">
                                        <span class="quote_subheading">姓名（英文）</span></div>
                                    <div class="additional_travellers_next_column_100">
                                        <span class="quote_subheading">证件类型</span></div>
                                    <div class="additional_travellers_next_column_150">
                                        <span class="quote_subheading">证件号码</span></div>
                                    <div class="additional_travellers_next_column_80">
                                        <span class="quote_subheading">性别</span></div>
                                    <div class="additional_travellers_next_column_100">
                                        <span class="quote_subheading">出生日期</span></div>
                                    <div class="additional_travellers_next_column_60">
                                        <span class="quote_subheading">年龄</span></div>
                                    <div class="clearBoth">
                                    </div>
                                    <div id="divPolicyholders1">
                                        <div class="additional_travellers_start_column">
                                            <span class="quote_subheading">1)</span>
                                        </div>
                                        <div class="additional_travellers_next_column_100">
                                            <input name="txtName" type="text" maxlength="50" id="txtName1" required="required"
                                                isvalidator style="width: 80px;" />
                                        </div>
                                        <div class="additional_travellers_next_column_100">
                                            <input name="txtNameEn" type="text" maxlength="50" id="txtNameEn1" required="required"
                                                isvalidator style="width: 80px;" />
                                        </div>
                                        <div class="additional_travellers_next_column_100">
                                            <select id="selIDType1" name="selIDType" required="required" isvalidator style="width: 80px;">
                                                <option value="">-- 请选择 --</option>
                                            </select>
                                        </div>
                                        <div class="additional_travellers_next_column_150">
                                            <input name="txtIDNo" id="txtIDNo1" type="text" onblur="IDNoBlur(this, '1', 'i');"
                                                maxlength="18" required="required" isvalidator style="width: 130px;" />
                                        </div>
                                        <div class="additional_travellers_next_column_80">
                                            <select name="selSex" id="selSex1" style="width: 60px;">
                                                <option value="0">男</option>
                                                <option value="1">女</option>
                                            </select>
                                        </div>
                                        <div class="additional_travellers_next_column_100">
                                            <input name="txtBirthday" type="text" id="txtBirthday1" onblur="GetAge(this, '1', 'i');"
                                                required="required" isvalidator datatype="date" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'});"
                                                readonly style="width: 80px;">
                                        </div>
                                        <div class="additional_travellers_next_column_60">
                                            <input name="txtAge" type="text" maxlength="3" id="txtAge1" required="required" isvalidator
                                                datatype="number" style="width: 40px;">
                                        </div>
                                        <div class="clearBoth">
                                        </div>
                                    </div>
                                    <div class="clearBoth">
                                    </div> 
                                </div>
                                <div class="fieldsetBtm">
                                </div>
                                <div class="fieldsetTop">
                                </div>
                                <div class="fieldsetMidd">
                                    <p class="form_titles">
                                        保单类型</p> 
                                    <div class="form_row">
                                        <label class="form_headings">
                                            <span class="quote_subheading">
                                                <label class="error">
                                                    保单类型：</label></span>
                                        </label>
                                        <span class="form_info">
                                            <input id="rdoSalesTypeCode_1" type="radio" name="rdoSalesTypeCode" value="1" checked />
                                            <label for="rdoSalesTypeCode_1">
                                                电子保单(PDF)</label>
                                            <input id="rdoSalesTypeCode_2" type="radio" name="rdoSalesTypeCode" value="2" />
                                            <label for="rdoSalesTypeCode_2">
                                                纸质保单</label>
                                        </span>
                                    </div> 
                                    <div class="form_row">
                                        <label class="form_headings">
                                            <span class="quote_subheading">
                                                <label for="rdoTSex_0" class="error">
                                                    需邮寄发票：</label></span>
                                        </label>
                                        <span class="form_info">
                                            <input id="rdoInvoice_0" type="radio" name="rdoInvoice" value="0" checked />
                                            <label for="rdoInvoice_0">
                                                否</label>
                                            <input id="rdoInvoice_1" type="radio" name="rdoInvoice" value="1" />
                                            <label for="rdoInvoice_1">
                                                是</label>
                                        </span>
                                    </div>
                                    <div class="form_row" id="divInvoiceTitle" style=" display: none;">
                                        <label class="form_headings">
                                            <span class="quote_subheading">
                                                <label for="txtInvoiceTitle" class="error">
                                                    发票抬头：</label></span>
                                        </label>
                                        <span class="form_info">
                                            <input name="txtInvoiceTitle" type="text" id="txtInvoiceTitle" style="width: 300px;" />
                                        </span>
                                    </div>
                                    <div class="clearBoth">
                                    </div>
                                </div>
                                <div class="fieldsetBtm">
                                </div>
                                <div class="fieldsetTop" taggroup="express" style="display: none;">
                                </div>
                                <div class="fieldsetMidd" taggroup="express" style="display: none;">
                                    <p class="form_titles">
                                        快递信息</p>
                                    <div class="form_row">
                                        <label class="form_headings">
                                            <span class="quote_subheading"><span style="color: Red;">*</span>
                                                <label for="selExpressType">
                                                    快递公司：</label></span>
                                        </label>
                                        <span class="form_info">
                                            <select id="selExpressType" name="selExpressType" onchange="onExpressTypeChanged();">
                                                <option value="申通快递">申通快递</option>
                                                <option value="顺丰快递">顺丰快递</option>
                                            </select>
                                        </span>
                                        <span class="alertPanel" id="spanExpressType" style="display: block; font-size: 12px; line-height: 22px;">* 2-3个工作日到达</span>
                                    </div>
                                    <div class="form_row">
                                        <label class="form_headings">
                                            <span class="quote_subheading"><span style="color: Red;">*</span>
                                                <label for="txtInvoiceFee">
                                                    快递费：</label></span>
                                        </label>
                                        <span class="form_info">
                                            <input name="txtInvoiceFee" type="text" id="txtInvoiceFee" value="0.00" readonly />元
                                        </span><span class="alertPanel" id="spanInvoiceFee"></span>
                                    </div>
                                    <div class="form_row">
                                        <label class="form_headings">
                                            <span class="quote_subheading"><span style="color: Red;">*</span>
                                                <label for="txtInvoiceRecipient">
                                                    收件人：</label></span>
                                        </label>
                                        <span class="form_info">
                                            <input name="txtInvoiceRecipient" type="text" id="txtInvoiceRecipient" />
                                        </span><span class="alertPanel" id="spanInvoiceRecipient"></span>
                                    </div>
                                    <div class="form_row">
                                        <label class="form_headings">
                                            <span class="quote_subheading"><span style="color: Red;">*</span>
                                                <label for="txtETName">
                                                    联系电话：</label></span>
                                        </label>
                                        <span class="form_info">
                                            <input name="txtInvoicePhone" type="text" id="txtInvoicePhone" />
                                        </span><span class="alertPanel" id="spanInvoicePhone"></span>
                                    </div>
                                    <div class="form_row">
                                        <label class="form_headings">
                                            <span class="quote_subheading"><span style="color: Red;">*</span>
                                                <label for="selTIDType">
                                                    地址：</label></span>
                                        </label>
                                        <span class="form_info">
                                            <input name="txtInvoiceAddress" type="text" id="txtInvoiceAddress" style="width: 300px;" />
                                        </span><span class="alertPanel" id="spanInvoiceAddress"></span>
                                    </div>
                                    <div class="clearBoth">
                                    </div>
                                </div>
                                <div class="fieldsetBtm" taggroup="express" style="display: none;">
                                </div>
                                <div align="right" style="margin: 10px 10px 0 0;">
                                    <img src="_imgs/back.png" onclick="history.go(-1)" style="cursor: pointer; float: left;">
                                    <input type="button" name="btnNext" id="btnSubmit" onclick="if(ValidateSubmit()){this.disabled=true;___doPostBack('order');}"
                                        class="button" style="border-width: 0px; background: url('_imgs/next.png') no-repeat;
                                        width: 195px; height: 41px; cursor: pointer;" />
                                </div>
                                <!--End: End travellers control-->
                                <div style="text-align: right; margin: 10px 10px 0 0;">
                                </div>
                            </div>
                        </div>
                        <div class="rightCol">
                            <!-- Single trip sidepod -->
                            <div class="side_pod">
                                <div class="top">
                                </div>
                                <div class="midd">
                                    <p class="summary_heading">
                                    </p>
                                    <ul class="productDesc">
                                        <li></li>
                                    </ul>
                                    <div class="clearBoth">
                                    </div>
                                </div>
                                <div class="bottom">
                                </div>
                            </div>
                            <!-- End of Single trip sidepod -->
                            <!-- Annual multi trip sidepod -->
                            <div class="side_pod">
                                <div class="top">
                                </div>
                                <div class="midd" id="annualsidepod" style="height: 300px;">
                                    <p class="summary_heading">
                                    </p>
                                    <ul class="productDesc">
                                        <li></li>
                                        <li></li>
                                        <li></li>
                                        <li></li>
                                        <li></li>
                                        <li></li>
                                    </ul>
                                    <div class="clearBoth">
                                    </div>
                                </div>
                                <div class="bottom">
                                </div>
                            </div>
                            <!-- End of Annual multi trip sidepod -->
                            <div id="lpButtonDiv">
                            </div>
                            <div class="clear">
                            </div>
                        </div>
                        <div class="clearBoth">
                        </div>
                    </div>
                    </form>
                </div>
            </div>
            <!--Body content end -->
            <!-- Footer Content -->
            <div class="footerWrapper">
                <!-- Footer Content Place Holder -->
                <div class="copyrightContent">
                    <div class="footerCopy">
                        &copy; 路华救援（北京）有限公司 - All rights reserved. ICP备案： 沪ICP备 08110845 号
                    </div>
                    <div class="footerLogo">
                        <img src="_imgs/mapfre_logo.png" width="247" height="41" alt="Mapfre Assistance"
                            title="Mapfre Assistance" class="legallogo" />
                    </div>
                </div>
            </div>
        </div>
        <div id="popitmenu" style="width: 180px;">
        </div>
        <div id="popitmenuscroll" style="width: 180px;">
        </div>
    </div>
</body>
</html>
